<template>
  <Table class="wrapper" :height="height"
    :columns="columns"
    :data="data"></Table>
</template>

<script>
export default {
  name:'',
  components: {},
  data() {
    return {
        height:100
    };
  },
  props: {
    columns:{
        default:()=>{
            return []
        }
    },
    data:{
        default:()=>{
            return []
        }
    }
  },
  watch: {},
  computed: {},
  created() {},
  mounted() {
    const obs = new ResizeObserver((entries) => {
        this.height = entries[0].contentRect.height;
    });
    obs.observe(this.$el.parentElement);
  },
  methods: {}
};
</script>
<style scoped lang="less">
.wrapper {
    ::v-deep .ivu-table {
        background-color: transparent;
        color:white;
        td {
            background-color: transparent;
        }
        th {
            background-color: #1c264c;
        }
        .ivu-table-body {
            &::-webkit-scrollbar{
                width: 0;
                height: 0;
            }
            &::-webkit-scrollbar-track{
                background-color: transparent;
            }
            &::-webkit-scrollbar-thumb{
                background: #e8eaec;
            }
        }
    }
}
</style>